<div class="main">
    <div class="main-header">
      <div class="pa-icon-div pull-left fs-14">
        <i class="iconfont icon-shouye fs-14 icon-vertical-top"></i>
        <span class="fs-vertical-middle">系统设置>
          <span class="fs-theme-color">人员编码规则</span>
        </span>
      </div>
    </div>
    <div class="main-content code-rules">
        <div class="container-header">
            <span>人员编码规则</span>
        </div>
        <div class="container-brief">
            <p class="title-brief">
                人员编码一般共9位，按如下所示分为4个部分，A部分两位数代表项目部或施工队，B部分两位数代表项目部各部门或施工现场的具体工区，C部分两位数代表职务或工种，D部分三位数代表具体的顺序编号。</p>
            <table class="fs-theme-color table-brief">
                <thead>
                <tr>
                    <th>XX</th>
                    <th>XX</th>
                    <th>XX</th>
                    <th>XXX</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td ng-repeat="key in ['A', 'B', 'C', 'D']">{{key}}</td>
                </tr>
                </tbody>
            </table>
            <div class="rule-map">
                <div class="rule-category" ng-repeat="(key, items) in vm.ruleMap">
                    <div class="rule-key">
                        <code>{{key}}</code>
                        <i class="middle-helper"></i>
                    </div>
                    <div class="rule-items">
                        <div class="rule-item" ng-if="key !== 'D'" ng-repeat="item in items">
                            <code>{{item.code}}</code>
                            <p>{{item.name}}</p>
                        </div>
                        <div class="rule-item" ng-if="key ==='D'">
                            <p>{{items}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>